<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8"></meta>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
	<title>homePage</title>
	<script type="text/javascript" th:inline="JavaScript">
	</script>

</head>

<body>
	<div th:fragment="configuration">
		<div class="configuration">
			<!-- configuration -->
			<!-- 设备管理模态框 -->
			<div class="cd-popup3  configuration-pop" id="configurationModal" sec:authorize="hasAuthority('deviceManagement')">
				<div class="cd-popup-container3 manageModal deviceManageStyle deviceModal">
					<div class="modal-top"></div>
					<div class="modal-title">设备管理</div>
					<div class="tableModal">
						<div class="fl searchDevBox">设备编号:
							<input type="text" class="form-control searchDev devCodeVal" /> 所在地址:
							<input type="text" class="form-control searchDev devAddress" />
							<ul class="searchList" style="right: 447px; display: none;">
								<!-- TODO -->
							</ul>
							设备状态:
							<select class="form-control my-form-control devTypeVal">
								<option alarmtype="all" value="全部">全部</option>
								<option alarmtype="3">故障</option>
								<option alarmtype="4">低电</option>
								<option alarmtype="1">火警</option>
								<option alarmtype="7">正常</option>
							</select>
							<span class="btnStyle" id="deviceManageSearchBtn">搜索</span>
							<span class="btnStyle refreshStyle" id="configurationRefresh">刷新</span>
						</div>
						<div>

						</div>
						<div class="devListBox">
							<!-- <div class="deviceOrgTree">

							</div> -->
							<table class="table table-bordered">
								<thead>
									<tr>
										<th>
											<input type="checkbox" id="configurationSelectAll">
										</th>
										<th>序号</th>
										<th>设备编号</th>
										<th>所在地址</th>
										<th>报警次数</th>
										<th>设备状态</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody class="tbodyList">
									<!-- <tr>
								<th>序号</th>
								<th>设备名称</th>
								<th>所在地址</th>
								<th>报警次数</th>
								<th>设备状态</th>
								<td>
									<span class="configBtnStyle modifyBtn" id="deviceModifyBtn">修改</span>
									<span class="configBtnStyle focusSelectBtn">查看详情</span>
									<span class="configBtnStyle positionBtn">定位</span>
								</td>
							</tr> -->


								</tbody>
							</table>
						</div>
					</div>
					<a href="javascript:;" class="cd-popup-close closeModal"></a>
					<!-- 添加按钮-->
					<div sec:authorize="hasAuthority('deviceManagement')">
						<div class="addBtn addDevice-trigger" sec:authorize="hasAuthority('modifiable')">添加</div>
					</div>
					<!-- 分页 -->
					<div class="dailyPageBox pageBox" id="configurationPageBox">
						<ul class="pagination" id="configurationPage"></ul>
						<div class="pageJump none">
							<span>跳转到</span>
							<input type="text" />
							<span>页</span>
							<button type="button" class="button btn btn-default">跳转</button>
						</div>
					</div>
					<!-- 导出、删除-->
					<div class="exportBox">
						<div id="configurationTableExport">
							<table style="display:none;">
								<thead>
									<tr>
										<th>设备名称</th>
										<th>是否启用</th>
										<th>设备类型</th>
										<th>设备编号</th>
										<th>安装地址</th>
										<th>安装场所</th>
										<th>经度</th>
										<th>纬度</th>
										<th>安装日期</th>
										<th>截止日期</th>
										<th>联系人1</th>
										<th>联系电话</th>
										<th>联系人2</th>
										<th>联系电话</th>
										<th>联系人3</th>
										<th>联系电话</th>
										<th>备注</th>
										<th>组织</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
						<span class="export">导出全部</span>
						<!-- ;hasAuthority('deviceManagement') -->
						<span sec:authorize="hasAuthority('deviceManagement')">
							<span class="delete" id="configurationDelBtn" sec:authorize="hasAuthority('modifiable')"></span>
						</span>
					</div>
				</div>
			</div>



			<!-- 人员管理 -->
			<div class="cd-popup3  personal-pop" id="personalModal">
				<div class="cd-popup-container3 manageModal">
					<div class="modal-top"></div>
					<div class="modal-title">人员管理</div>
					<div class="tableModal">
						<div class="fl searchDevBox">姓名：
							<input type="text" class="form-control searchDev personalSearch" />
							<span class="btnStyle">搜索</span>
							<span class="btnStyle refreshStyle">刷新</span>
						</div>
						<table class="table table-bordered">
							<thead>
								<tr>
									<th>序号</th>
									<th>姓名</th>
									<th>联系电话</th>
									<th>所属微型消防站</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th>序号</th>
									<th>姓名</th>
									<th>联系电话</th>
									<th>所属微型消防站</th>
									<td>
										<span class="configBtnStyle modifyBtn">修改</span>
										<span class="configBtnStyle focusSelectBtn">重点关注</span>
										<span class="configBtnStyle positionBtn">定位</span>
									</td>
								</tr>


							</tbody>
						</table>
					</div>
					<a href="javascript:;" class="cd-popup-close closeModal"></a>
					<!-- 添加按钮-->
					<div class="addBtn" sec:authorize="hasAuthority('modifiable')">添加</div>
					<!-- 分页 -->
					<div class="dailyPageBox pageBox">
						<ul class="pagination" id="personalPage"></ul>
						<div class="pageJump">
							<span>跳转到</span>
							<input type="text" />
							<span>页</span>
							<button type="button" class="button btn btn-default">跳转</button>
						</div>
					</div>
					<!-- 导出、删除-->
					<div class="exportBox">
						<span class="export">导出</span>
						<span class="delete" sec:authorize="hasAuthority('modifiable')"></span>
					</div>
				</div>
			</div>





			<!-------------------------------------添加------------------------------>
			<!-- 设备添加模态框-->
			<div class="cd-popup3 addDevice-pop addDevicePopStyle" id="addDeviceModal" sec:authorize="hasAuthority('modifiable')">
				<!-- style="display: block;visibility: visible" -->
				<div class="cd-popup-container3 addManageModal">
					<div class="modal-title">设备添加</div>
					<form id="addDeviceForm">
						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>设备名称:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="deviceName" autocomplete="off">
								</div>
							</div>

							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>是否启用:</span>
								</div>
								<div class="col-xs-7">
									<!--<input type="text" class="form-control" name="enable" autocomplete="off">-->
									<select class="form-control my-form-control usestatusVal" name="usestatus" style="width:100%;">
										<option th:attr="value=1">启用</option>
										<option th:attr="value=0">停用</option>
									</select>
								</div>
							</div>

						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>设备类型:</span>
								</div>
								<div class="col-xs-7">
									<!-- <input type="text" class="form-control" name="deviceTypeId" autocomplete="off"> -->
									<select class="form-control my-form-control deviceTypeIdVal" name="deviceTypeId" style="width:100%;">
										<option th:attr="value=1">烟感</option>
									</select>
								</div>
							</div>

							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>设备编号:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="devCode" autocomplete="off">
								</div>
							</div>
						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>安装地址:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="address" autocomplete="off">
								</div>
							</div>

							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>安装场所:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="fixedPlace" autocomplete="off">
								</div>
							</div>

						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>经度:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="latitude" autocomplete="off">
								</div>
							</div>
							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>纬度:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="longitude" autocomplete="off">
								</div>
							</div>
						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>安装日期:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control searchInputStyle date colorfff" data-provide="datepicker" name="installationDate"
									  autocomplete="off" />
									<!-- <input type="text" class="form-control" name="installationDate" autocomplete="off"> -->
								</div>
							</div>
							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>截止日期:</span>
								</div>
								<div class="col-xs-7">
									<!-- <input type="text" class="form-control" name="deadline" autocomplete="off"> -->
									<input type="text" class="form-control colorfff date" name="deadline" data-provide="datepicker" autocomplete="off" />
								</div>
							</div>
						</div>
						<!-- 联系人 -->
						<div class="contacts mb24">
							<div class="row mb24">
								<div class="fl" style="width:46%;">
									<div class="col-xs-5">
										<span>联系人1:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkMain1" autocomplete="off">
									</div>
								</div>
								<div class="fr" style="width:46%;margin-right:10px;">
									<div class="col-xs-5">
										<span>联系电话:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkPhone1" autocomplete="off">
									</div>
								</div>
							</div>

							<div class="row mb24">
								<div class="fl" style="width:46%;">
									<div class="col-xs-5">
										<span>联系人2:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkMain2" autocomplete="off">
									</div>
								</div>
								<div class="fr" style="width:46%;margin-right:10px;">
									<div class="col-xs-5">
										<span>联系电话:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkPhone2" autocomplete="off">
									</div>
								</div>
							</div>

							<div class="row">
								<div class="fl" style="width:46%;">
									<div class="col-xs-5">
										<span>联系人3:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkMain3" autocomplete="off">
									</div>
								</div>
								<div class="fr" style="width:46%;margin-right:10px;">
									<div class="col-xs-5">
										<span>联系电话:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkPhone3" autocomplete="off">
									</div>
								</div>
							</div>
						</div>
						<!-- 备注 -->
						<div class="row padding020 mb24">
							<div class="fr" style="width:98%;margin-right:10px;">
								<div class="col-xs-2">
									<span>备注:</span>
								</div>
								<div class="col-xs-10">
									<input type="text" class="form-control" name="remark" autocomplete="off">
								</div>
							</div>
						</div>
						<!-- 所属组织 -->
						<div class="row padding020 mb24">
							<div class="fr" style="width:98%;margin-right:10px;">
								<div class="col-xs-2">
									<span>所属组织:</span>
								</div>
								<div class="col-xs-10">
									<select class="form-control my-form-control addAccountOrgList" name="orgid" style="width:100%;">

									</select>

								</div>
							</div>
						</div>

						<button type="submit" class="btn btn-primary" style="background-color: #70abe1;border: none;">添加</button>

					</form>

					<!-- <div class="submitBox">
					<span class="addSubmit">添加</span>
				</div> -->
					<!-- 关闭 -->
					<a href="javascript:;" class="cd-popup-close closeModal"></a>

				</div>
			</div>

			<!-- 修改模态框 -->
			<div class="cd-popup3 editDevice-pop addDevicePopStyle" id="editDeviceModal">
				<!-- style="display: block;visibility: visible" -->
				<div class="cd-popup-container3 addManageModal">
					<div class="modal-title">设备编辑</div>
					<form id="editDeviceForm">
						<div class="row mb24 padding020">
							<div class="fl none" style="width:46%;">
								<div class="col-xs-5">
									<span>设备ID:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="id" autocomplete="off" disabled>
								</div>
							</div>
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>设备名称:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="deviceName" autocomplete="off" disabled>
								</div>
							</div>

							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>是否启用:</span>
								</div>
								<div class="col-xs-7">
									<!--<input type="text" class="form-control" name="enable" autocomplete="off">-->
									<select class="form-control my-form-control" name="usestatus" style="width:100%;" disabled>
										<option th:attr="value=1" selected>启用</option>
										<option th:attr="value=0">停用</option>
									</select>
								</div>
							</div>

						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>设备类型:</span>
								</div>
								<div class="col-xs-7">
									<!-- <input type="text" class="form-control deviceTypeIdVal" name="deviceTypeId" autocomplete="off" disabled> -->
									<select class="form-control my-form-control deviceTypeIdVal" name="deviceTypeId" style="width:100%;" disabled>
										<!-- <option th:attr="value=1" selected>启用</option>
			                        <option th:attr="value=0">停用</option> -->
										<option th:attr="value=1">烟感</option>
									</select>
								</div>
							</div>

							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>设备编号:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="devCode" autocomplete="off" disabled>
								</div>
							</div>
						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>安装地址:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="address" autocomplete="off" disabled>
								</div>
							</div>

							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>安装场所:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="fixedPlace" autocomplete="off" disabled>
								</div>
							</div>

						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>经度:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="latitude" autocomplete="off" disabled>
								</div>
							</div>
							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>纬度:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control notEmptyInput" name="longitude" autocomplete="off" disabled>
								</div>
							</div>
						</div>

						<div class="row mb24 padding020">
							<div class="fl" style="width:46%;">
								<div class="col-xs-5">
									<span>安装日期:</span>
								</div>
								<div class="col-xs-7">
									<input type="text" class="form-control searchInputStyle date colorfff" data-provide="datepicker" name="installationDate"
									  autocomplete="off" disabled/>
									<!-- <input type="text" class="form-control" name="installationDate" autocomplete="off"> -->
								</div>
							</div>
							<div class="fr" style="width:46%;margin-right:10px;">
								<div class="col-xs-5">
									<span>截止日期:</span>
								</div>
								<div class="col-xs-7">
									<!-- <input type="text" class="form-control" name="deadline" autocomplete="off"> -->
									<input type="text" class="form-control colorfff date" name="deadline" data-provide="datepicker" autocomplete="off" disabled/>
								</div>
							</div>
						</div>
						<!-- 联系人 -->
						<div class="contacts mb24">
							<div class="row mb24">
								<div class="fl" style="width:46%;">
									<div class="col-xs-5">
										<span>联系人1:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkMain1" autocomplete="off" disabled>
									</div>
								</div>
								<div class="fr" style="width:46%;margin-right:10px;">
									<div class="col-xs-5">
										<span>联系电话:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkPhone1" autocomplete="off" disabled>
									</div>
								</div>
							</div>

							<div class="row mb24">
								<div class="fl" style="width:46%;">
									<div class="col-xs-5">
										<span>联系人2:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkMain2" autocomplete="off" disabled>
									</div>
								</div>
								<div class="fr" style="width:46%;margin-right:10px;">
									<div class="col-xs-5">
										<span>联系电话:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkPhone2" autocomplete="off" disabled>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="fl" style="width:46%;">
									<div class="col-xs-5">
										<span>联系人3:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkMain3" autocomplete="off" disabled>
									</div>
								</div>
								<div class="fr" style="width:46%;margin-right:10px;">
									<div class="col-xs-5">
										<span>联系电话:</span>
									</div>
									<div class="col-xs-7">
										<input type="text" class="form-control" name="linkPhone3" autocomplete="off" disabled>
									</div>
								</div>
							</div>
						</div>
						<!-- 备注 -->
						<div class="row padding020 mb24">
							<div class="fr" style="width:98%;margin-right:10px;">
								<div class="col-xs-2">
									<span>备注:</span>
								</div>
								<div class="col-xs-10">
									<input type="text" class="form-control" name="remark" autocomplete="off" disabled>
								</div>
							</div>
						</div>
						<!-- 所属组织 -->
						<div class="row padding020 mb24">
							<div class="fr" style="width:98%;margin-right:10px;">
								<div class="col-xs-2">
									<span>所属组织:</span>
								</div>
								<div class="col-xs-10">
									<!-- <input type="text" class="form-control" name="org" autocomplete="off" disabled> -->
									<select class="form-control my-form-control orgid orgidval" name="orgid" style="width:100%;" disabled>
										<!-- <option th:attr="value=1" selected>启用</option>
			                        <option th:attr="value=0">停用</option> -->
									</select>
								</div>
							</div>
						</div>
						<input type="text" class="form-control none" name="fireCount" autocomplete="off" disabled>

						<button type="button" class="btn btn-primary devEditBtn" style="background-color: #70abe1;border: none;" id="deviceAllowEdit"
						  sec:authorize="hasAuthority('modifiable')">修改</button>
						<button type="submit" class="btn btn-primary devEditSureBtn" style="background-color: #70abe1;border: none;" sec:authorize="hasAuthority('modifiable')">确定</button>
					</form>

					<!-- <div class="submitBox">
					<span class="addSubmit">添加</span>
				</div> -->
					<!-- 关闭 -->
					<a href="javascript:;" class="cd-popup-close closeModal"></a>

				</div>
			</div>

		</div>



		<!-- <script src="/configurationManage/js/configuration.js"></script> -->
	</div>

</body>

</html>
<!-- 报警管理模态框 -->